﻿<%@ Page Title="" Language="C#" MasterPageFile="~/PaginasMaster.Master" AutoEventWireup="true" CodeBehind="Solicitud_ABM.aspx.cs" Inherits="HerGoS.WebUI.Viaticos.Solicitud_ABM" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <script src="/Scripts/moment.min.js" type="text/javascript"></script>
   <link href="/Styles/chosen.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/chosen.jquery.min.js" type="text/javascript"></script>

<script type ="text/javascript">
    $(function () {

        $(".chosen").chosen();

        $("#<%=txtDNI.ClientID %>").live('blur', function () {
            ObtenerPersona($(this).val());
        });

        $("#<%=txtApyNombre.ClientID %>").live('blur', function () {
            ObtenerPersonaPorApellido($(this).val());
        });

        $("#<%=cboCiudadDestino.ClientID %>").live('change', function () {
            ObtenerTarifaDestino($(this).val());

        });

//        $('#<%=txtFechaRetorno.ClientID%>').live('blur', function () {
//            ValidarFechas();

//        })

 

        $("#divOrigenDestino").accordion("option", "active", 0);
        Globalize.culture('de-DE');

    });

    function ObtenerPersonaPorApellido(apellidos) {
        if (apellidos.length > 2) {
            var params = new Object();
            params.apellidos = apellidos;
            params = JSON.stringify(params);

            $.ajax({
                type: "POST",
                url: "Solicitud_ABM.aspx/GetPersonaByApellido",
                data: params,
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                async: true,
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert(textStatus + ": " + XMLHttpRequest.responseText);
                }
            }).done(function (result) {
                if(result.d != undefined ) {
                    LoadPersona(result);
                }
            });

        }

    }

    
    function ObtenerPersona(dni) {
        if (dni.length == 8) {
            var params = new Object();
            params.dni = dni;
            params = JSON.stringify(params);

            $.ajax({
                type: "POST",
                url: "Solicitud_ABM.aspx/GetPersonaByDNI",
                data: params,
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                async: true,
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert(textStatus + ": " + XMLHttpRequest.responseText);
                }
            }).done(function (result) {
                LoadPersona(result);

            });
        }
      }

      function ObtenerTarifaDestino(idciudad) {

          var params = new Object();
          params.idciudad = idciudad;
          params = JSON.stringify(params);
          $.ajax({
              type: "POST",
              url: "Solicitud_ABM.aspx/ObtenerTarifaDestino",
              data: params,
              contentType: "application/json; charset=utf-8",
              dataType: "json",
              async: true,
              error: function (XMLHttpRequest, textStatus, errorThrown) {
                  alert(textStatus + ": " + XMLHttpRequest.responseText);
              }
          }).done(function (result) {

              $("#<%=txtTarifaViaticoDestino.ClientID %>").val(result.d);


          });
      
      
      }
      



      function LoadPersona(result)
      {
          $("#<%=txtApyNombre.ClientID %>").val(result.d.NombresYApellidos);
          $("#<%=txtCuit.ClientID %>").val(result.d.Cuit);
      
          $("#<%=txtFechaNac.ClientID %>").val(moment(result.d.FechaNacimiento).format("DD/MM/YYYY"))
         
          $("#<%=hidPersona.ClientID%>").val(result.d.OID);
          // To Do cargar combo Entidad cdo entidad este en persona
          $("#<%=cboArea.ClientID%>").attr("value", result.d.Area.OID);

          $("#<%=cboEntidad.ClientID%>").attr("value", result.d.Entidad);
      }

      function DialogTramos() {
          $("#dialog-tramo").dialog({
              resizable: false,
              height: 460,
              width: 460,
              modal: false,
              open: function (event, ui) {
                  $(this).parent().appendTo("form");
              },
              close: function (event, ui) {
                 
              }
          });
          return false;
      }


      function Editar() {
          $("#dialog-tramo").dialog({
              resizable: false,
              height: 460,
              width: 460,
              modal: false,
              open: function (event, ui) {
                  $(this).parent().appendTo("form");
              }
          });
          return false;
      }

      function LimpiarTramos() {
          $("#<%=cbTransporte.ClientID %>").val(0);
          $("#<%=cboPorcViatico.ClientID %>").val(0);
          $("#<%=cboCiudad.ClientID %>").val(0);
          $("#<%=cboCiudadDestino.ClientID %>").val(0);
          $("#<%=txtFechaOrigen.ClientID %>").val("");
          $("#<%=txtHora.ClientID %>").val("08:00");
          $("#<%=txtNroServicioOrigen.ClientID %>").val("");
          $("#<%=txtCodigoOrigen.ClientID %>").val("");
          $("#<%=txtObservacionOrigen.ClientID %>").val("");
          $("#<%=txtFechaDestino.ClientID %>").val("");
          $("#<%=txtHoraDestino.ClientID %>").val("08:00");
          $("#<%=txtObservacionesDestino.ClientID %>").val("");
          $("#<%=hidIdTramo.ClientID %>").val(0);
          $('#<%=txtKmRecorridos.ClientID%>').val("0");
       
      }
    
       
     
</script>
    <asp:HiddenField ID="hidPersona" runat="server" />
 
   <div class="formRegistro ui-widget">	

		<div class="filaCampo">
        	<div class="etiqueta">Numero:</div>
			<div class="campo"> <wce:TextBoxExt  ID="txtNumero" runat="server" ReadOnly="true"></wce:TextBoxExt></div>
		</div>
        </br>
	    <div class="filaCampo">
			<div class="etiqueta">DNI : </div>
			<div class="campo"> <wce:TextBoxExt  ID="txtDNI" runat="server" MaxLength="8"  ></wce:TextBoxExt></div>
		</div>
        </br>
        <div class="filaCampo">
			<div class="etiqueta">Nombre y Apellido : </div>
			<div class="campo"> 
                <wce:TextBoxExt  ID="txtApyNombre" runat="server" 
                    Width="305px"  ></wce:TextBoxExt></div>
		</div>
        </br>
          <div class="filaCampo">
			<div class="etiqueta">CUIT/CUIL : </div>
			<div class="campo"> <wce:TextBoxExt  ID="txtCuit" runat="server" Required="True" Type="CuitCuil" MaxLength="11" ToolTip="Cuit sin puntos ni guiones. Ej.: 20254964803"></wce:TextBoxExt></div>
		</div>
       </br>
        <div class="filaCampo">
			<div class="etiqueta">Email  : </div>
			<div class="campo"> <wce:TextBoxExt  ID="txtMail" runat="server"  ></wce:TextBoxExt></div>
		</div>
            </br>
        <div class="filaCampo">
			<div class="etiqueta">Fecha Nac.: </div>
			<div class="campo">
                <wce:TextBoxExt CssClass="fecha" ID="txtFechaNac" runat="server"  Type="Date" Required="false"></wce:TextBoxExt>
              </div>
        </div>
            </br>
        <div class="filaCampo">
			<div class="etiqueta">Entidad : </div>
			<div class="campo">
                <wce:DropDownListExt ID="cboEntidad" runat="server" >
                </wce:DropDownListExt>
              </div>
		</div>
            </br>
        <div class="filaCampo">
			<div class="etiqueta">Area   : </div>
			<div class="campo">
                <wce:DropDownListExt ID="cboArea" runat="server" >
                </wce:DropDownListExt>
              </div>
		</div>
            </br>
        <div class="filaCampo">
			<div class="etiqueta">Fecha Estimada Salida.: </div>
			<div class="campo">
                <wce:TextBoxExt CssClass="fecha" ID="txtFechaSalida" runat="server"  Type="Date" Required="true"></wce:TextBoxExt>
              </div>
        </div>
            </br>
        <div class="filaCampo">
			<div class="etiqueta">Fecha Estimada Retorno: </div>
			<div class="campo">
                <wce:TextBoxExt CssClass="fecha" ID="txtFechaRetorno" runat="server"  Type="Date" Required="true"></wce:TextBoxExt>
              </div>
        </div>
            </br>
           <div class="filaCampo">
			<div class="etiqueta">Motivo   : </div>
			<div class="campo"> <wce:TextBoxExt  ID="txtMotivo" runat="server" Height="16px" 
                     Width="227px"  ></wce:TextBoxExt></div>
              </div>
            </br>
		    <div class="filaCampo">
			<div class="etiqueta">Distancia   : </div>
			<div class="campo"> 
               <wce:DropDownListExt ID="cboDistancia" runat="server" CssClass="chosen" >
                </wce:DropDownListExt>
               </div>
             </div>
            </br>          
           <div class="filaCampo">
			<div class="etiqueta">Sol. Anticipo de Viaticos : </div>
			<div class="campo">
                <asp:CheckBox ID="chkSolViaticos" runat="server" Checked="false" />
            </div>
		  </div>
         <div id = "ac" class="accordion">
          <h3>Tramos </h3>  
         <div>
           <wce:ButtonExt ID="btn_DialogTramos" runat="server" Text="Agregar Tramo" 
            OnClientClick=" LimpiarTramos(); return DialogTramos();"/>
        <br />

        <asp:UpdatePanel runat="server" ID="UpdatePanel4" UpdateMode="Conditional">
           <ContentTemplate>
          <wce:GridViewExt ID="GridTramos" runat="server" AutoGenerateColumns="false"
          DataKeyNames="OID" OnRowCommand="GridTramos_RowCommand"
          OnRowDataBound="GridTramos_RowDataBound">
          <Columns>
            <asp:BoundField DataField="Transporte" HeaderText="Transporte" ItemStyle-Width="80px" />
            <asp:BoundField DataField="CiudadOrigen" HeaderText="Origen" ItemStyle-Width="140px" />
             <asp:BoundField DataField="FechaOrigen" HeaderText="Fecha Origen" ItemStyle-Width="80px"/>
             <asp:BoundField DataField="CiudadDestino" HeaderText="Destino" ItemStyle-Width="80px"/>
             <asp:BoundField DataField="FechaDestino" HeaderText="Fecha Destino" ItemStyle-Width="80px"/>
             <asp:BoundField DataField="TarifaDiariaDestino" HeaderText="Tarifa Viatico " ItemStyle-Width="80px"/>
             <asp:TemplateField ItemStyle-HorizontalAlign="Center" ItemStyle-Width="40px">
               <ItemTemplate>
                    <wce:ImageButtonExt ID="btnEditar" runat="server"
                     CommandName="Editar" CommandArgument="<%# ((GridViewRow)Container).RowIndex %>"></wce:ImageButtonExt>
               </ItemTemplate>
                <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            </asp:TemplateField>  
            <asp:TemplateField ItemStyle-HorizontalAlign="Center" ItemStyle-Width="40px">
                    <ItemTemplate>
                      <wce:ImageButtonExt ID="btnBorrar" runat="server" 
                       CommandName="Borrar" CommandArgument="<%# ((GridViewRow)Container).RowIndex %>">
                      </wce:ImageButtonExt>
                   </ItemTemplate>
                  <ItemStyle HorizontalAlign="Center" />
                </asp:TemplateField>
         </Columns>
            
        </wce:GridViewExt>
        </ContentTemplate>
           <Triggers>
              <asp:AsyncPostBackTrigger ControlID="btn_AgregarTramo" EventName="Click" />
           </Triggers>

        </asp:UpdatePanel>
   </div>
          <h3>Evento </h3>  
          <div>
            <div class="filaCampo">
			    <div class="etiqueta">Evento  : </div>
			    <div class="campo"> <wce:TextBoxExt  ID="txtEvento" runat="server"  ></wce:TextBoxExt> </div>
		    </div><br />
             <div class="filaCampo">
			    <div class="etiqueta">Fecha Evento  : </div>
			    <div class="campo"> <wce:TextBoxExt  ID="txtFechaEvento" runat="server" CssClass="fecha"  ></wce:TextBoxExt></div>
		    </div>
       <br>
     
    </div>
     
        </div>
        <hr />
        <br />
         <div class="filaCampo">
	      <div class="etiqueta">Observaciones : </div>
			  <div class="campo">
               <wce:TextBoxExt  ID="txtObservacion" runat="server" Height="80px" TextMode="MultiLine" Width="100%"></wce:TextBoxExt>
               </div>
		    </div>
            <br />
                <br />
                    <br />
                  <br />
                    <br />

         <div class="filaCampo">
         <wce:ButtonExt ID="btnGuardar" runat="server"  Text="Guardar"  onclick="btnGuardar_Click" OnClientClick="   return validarFormulario();" />
         <wce:ButtonExt ID="btnCerrar" runat="server"  Text="Cerrar" OnClientClick="parent.CerrarPopup(); return false;"  />
         <wce:ButtonExt ID="btnRendicion" runat="server"  Text="Generar Rendicion" 
                 onclick="btnRendicion_Click"  />
         <wce:ButtonExt ID="btnAnticipo" runat="server"  Text="Generar Anticipo"  onclick="btnAnticipo_Click"  />

         </div>
       </div>
    
    <div id="dialog-tramo" title="Tramos" style="display: none;">
         <asp:UpdatePanel ID="UpdatePanel3" runat="server" UpdateMode="Conditional">
         <ContentTemplate>
            <asp:HiddenField ID="hidIdTramo" runat="server" />
                <div class="filaCampo">
			        <div class="etiqueta">Transporte</div>
                    <div class="campo">
                        <wce:DropDownListExt ID="cbTransporte" runat="server" Required="true">
                        </wce:DropDownListExt>
                    </div>
		        </div><br />
                 <div class="filaCampo">
			            <div class="etiqueta">kms Recorridos : </div>
			            <div class="campo"> <wce:TextBoxExt  ID="txtKmRecorridos" runat="server" Required="false" Type="Numeric"  ></wce:TextBoxExt></div>
		           </div><br />
                 <div class="filaCampo">
			        <div class="etiqueta">Porcentaje Viatico : </div>
			        <div class="campo">  
                    <wce:DropDownListExt ID="cboPorcViatico" runat="server" >
                    </wce:DropDownListExt>
                    </div>
		        </div> <br />
               <br />
                <hr />
                <br>
              <div id ="divOrigenDestino" class="accordion">
                 <h3>Origen </h3>  
                 <div>
                    <div class="filaCampo">
			          <div class="etiqueta">Ciudad : </div>
			           <div class="campo">  <wce:DropDownListExt ID="cboCiudad" runat="server" Required="true"  >   </wce:DropDownListExt> </div>
                    </div><br />
                    <div class="filaCampo">
			            <div class="etiqueta">Fecha : </div>
			            <div class="campo">  <wce:TextBoxExt CssClass="fecha" ID="txtFechaOrigen" runat="server"  Type="Date" Required="false"></wce:TextBoxExt>  </div>
                    </div> <br />
                     <div class="filaCampo">
			            <div class="etiqueta">Hora : </div>
			            <div class="campo">  <wce:TextBoxExt  ID="txtHora" runat="server" CssClass="time" Text ="08:30"  Required="false"></wce:TextBoxExt>     </div>
		             </div><br />
                    <div class="filaCampo">
			            <div class="etiqueta">Nro Servicio : </div>
			            <div class="campo"> <wce:TextBoxExt  ID="txtNroServicioOrigen" runat="server"  ></wce:TextBoxExt></div>
		           </div><br />
                    <div class="filaCampo">
			            <div class="etiqueta">Codigo Reserva : </div>
			            <div class="campo"> <wce:TextBoxExt  ID="txtCodigoOrigen" runat="server"  ></wce:TextBoxExt></div>
		           </div>
                   <br />
                   <div class="filaCampo">
			          <div class="etiqueta">Observaciones : </div>
			         <div class="campo"> <wce:TextBoxExt  ID="txtObservacionOrigen" runat="server" Width="90%" TextMode="MultiLine" ></wce:TextBoxExt></div>
		           </div><br /><br />
                </div>
                 <h3>Destino </h3>  
                 <div>
                    <div class="filaCampo">
			          <div class="etiqueta">Ciudad : </div>
			           <div class="campo">  <wce:DropDownListExt ID="cboCiudadDestino" runat="server" Required="true" >   </wce:DropDownListExt> </div>
                    </div><br />
                    <div class="filaCampo">
			            <div class="etiqueta">Fecha : </div>
			            <div class="campo">  <wce:TextBoxExt CssClass="fecha" ID="txtFechaDestino" runat="server"  Type="Date" Required="false"></wce:TextBoxExt>  </div>
                    </div> <br />
                     <div class="filaCampo">
			            <div class="etiqueta">Hora : </div>
			            <div class="campo">  <wce:TextBoxExt  ID="txtHoraDestino"  CssClass="time" runat="server"  Text ="08:30 PM"  Required="false"></wce:TextBoxExt>     </div>
		             </div><br />
                    <div class="filaCampo">
			          <div class="etiqueta">Tarifa viatico : </div>
			         <div class="campo"> <wce:TextBoxExt  ID="txtTarifaViaticoDestino" runat="server"  ></wce:TextBoxExt></div>
		            </div><br />
                    <div class="filaCampo">
			          <div class="etiqueta">Observaciones : </div>
			         <div class="campo"> <wce:TextBoxExt  ID="txtObservacionesDestino" runat="server" Width="90%" TextMode="MultiLine" ></wce:TextBoxExt></div>
		           </div><br /><br />
                 </div>
                 </div>
               <br />
                <wce:ButtonExt ID="btn_AgregarTramo" runat="server" Text="Guardar"  OnClick = "btn_AgregarTramo_Click"
              OnClientClick="return ValidarTramo()"/>                   
                   <wce:ButtonExt ID="btn_Cerrar_dialog_tramo" runat="server" Text="Cerrar" 
                   OnClientClick="     $('#dialog-tramo').dialog('close'); return false;" />
                   </ContentTemplate>
            </asp:UpdatePanel>
    </div>

<script type="text/javascript">
    //activa la validacion en el onblur de los campos
    validarFormBlurActivo();

    function ValidarFechas() {

       
        if ( moment($('#<%=txtFechaSalida.ClientID%>').val(),"DD/MM/YYYY") > moment($('#<%=txtFechaRetorno.ClientID%>').val(),"DD/MM/YYYY") ) {
            addLabelError($('#<%=txtFechaSalida.ClientID%>').attr('id'), "La fecha de Salida no puede ser mayor a la  Fecha de Retorno");
            $(".errorlabel").parpadear();
            return false;
        }
        else {
            removeLabelError($('#<%=txtFechaSalida.ClientID%>').attr('id'));
            return true;
        }

    }


    function ValidarTramo() {

        if (!ValidarOrigenDestino()) {
            return false;
        }
       
        else {

            return validarDialog('dialog-tramo');
        
        }
     


    
    }

    



    function ValidarOrigenDestino()
    {

        if ($("#<%=cboCiudad.ClientID %>").val() == $("#<%=cboCiudadDestino.ClientID %>").val()) {
            addLabelError($('#<%=cboCiudadDestino.ClientID%>').attr('id'), "La Ciudad Destino debe ser distinta a la Ciudad de Origen");
            $(".errorlabel").parpadear();
            return false;
        }
        else {
            removeLabelError($('#<%=cboCiudadDestino.ClientID%>').attr('id'));
            return true;
        } 

    }




   function validarFormulario() {

         if (validarForm() == true)
         {
             if (!ValidarFechas())
             {
               return false 
             }
             else {
                 return true;
             }
        }
        else return validarForm();

    }

    $('#<%=txtNumero.ClientID%>').attr('disabled', true).css("background-color", "#C0C0C0");

//    $('#<%=txtApyNombre.ClientID%>').attr('disabled', true).css("background-color", "#C0C0C0");
    $('#<%=txtCuit.ClientID%>').attr('disabled', true).css("background-color", "#C0C0C0");
</script>


</asp:Content>

